import styled from "styled-components";

const CateWrapper=styled.div`
    /* display: flex;
    justify-content: center; */
    width: 100% ;
    overflow-y: auto;
    .cate{
        width: 100%;
        display: flex;
        flex: 1;
        flex-direction: column;
        h1{
            font-size: .14rem;
            font-weight:normal;
            text-align: center;

            span{
                color:#D1D1DD ;
            }
        }
        .products{
            margin-top: .2rem;
            ul{
                display: flex;
                flex-wrap: wrap;
                li{
                    /* background-color: pink ; */
                    text-align: center;
                    width: 33.3333%;
                    padding-bottom:.36rem ;
                    img{
                        width: .5rem;
                        height: .33rem;
                    }
                    p{
                        line-height: 1;
                        margin-top: .05rem;
                    }
                }
            }
        }
    }

`

export {
    CateWrapper
}